<template>
    <div>
        首页工作台


        <!-- <div v-for="module in modules" :key="module.name">
            <el-card class="flex group-first:marker:bg-red-500">
                <h3 class="text-lg font-bold">{{ module.name }}</h3>
            </el-card>
        </div> -->



        <!-- 容器使用 flex 布局，通过 -space-x-4 实现头像重叠效果 -->
        <!-- <div class="flex -space-x-4">
            <div class="w-12 h-12 rounded-full border-2 " alt="用户1" />
            <div class="w-12 h-12 rounded-full border-2 " alt="用户1" />
            <div class="w-12 h-12 rounded-full border-2 " alt="用户1" />
            <div class="w-12 h-12 rounded-full border-2 " alt="用户1" />
            <div
                class="w-12 h-12 rounded-full bg-gray-200 border-2 border-white flex items-center justify-center text-gray-600">
                +3
            </div>
        </div> -->
        <br> <hr>
        <FormDataComponentsTabCheckbox />
    </div>
</template>
<script setup lang="ts">
import { filteredModules } from '@/utils/router'
const modules = filteredModules()
console.log(modules)
</script>
